<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <title>AdminLTE 2 | Log in</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>

    <!-- Bootstrap 3.3.7 -->
    <link rel="stylesheet" th:href="@{css/bootstrap.min.css}"/>
    <!-- Font Awesome -->
    <link rel="stylesheet" th:href="@{css/font-awesome.min.css}"/>
    <!-- Ionicons -->
    <link rel="stylesheet" th:href="@{css/ionicons.min.css}"/>
    <!-- Theme style -->
    <link rel="stylesheet" th:href="@{css/AdminLTE.min.css}"/>
    <!-- iCheck -->
    <link rel="stylesheet" th:href="@{css/blue.css}"/>
    <!-- all skin -->
    <link rel="stylesheet" th:href="@{css/_all-skins.min.css}" />

    <!-- jQuery 3 -->
    <script th:src="@{js/jquery.min.js}"></script>
    <!-- Bootstrap 3.3.7 -->
    <script th:src="@{js/bootstrap.min.js}"></script>
    <!-- iCheck -->
    <script th:src="@{js/icheck.min.js}"></script>
    <!-- SlimScroll -->
    <script th:src="@{js/jquery.slimscroll.min.js}"></script>
    <!-- FastClick -->
    <script th:src="@{js/fastclick.js}"></script>
    <!-- AdminLTE App -->
    <script th:src="@{js/adminlte.min.js}"></script>

    <script>
        $(function () {
            $('input').iCheck({
                checkboxClass: 'icheckbox_square-blue',
                radioClass: 'iradio_square-blue',
                increaseArea: '20%' /* optional */
            });
        });
    </script>
</head>
<body class="hold-transition login-page">
<div class="login-box">
    <div class="login-logo">
        <a>班级事务管理系统</a>
    </div>
    <!-- /.login-logo -->
    <div class="login-box-body">
        <p class="login-box-msg">登录页</p>

        <form role="form" name="form" th:action="@{/login}" method="post">
            <div class="form-group has-feedback">
                <input id="username" name="username" type="text" class="form-control" placeholder="用户名"/>
                <span class="glyphicon glyphicon-user form-control-feedback"></span>
            </div>
            <div class="form-group has-feedback">
                <input id="password" name="password" type="password" class="form-control" placeholder="密码"/>
                <span class="glyphicon glyphicon-lock form-control-feedback"></span>
            </div>
            <div class="row">
                <!-- /.col -->
                <div class="col-xs-4">
                    <button type="submit" class="btn btn-primary btn-block btn-flat">登录</button>
                </div>
                <!-- /.col -->
            </div>
        </form>

        <p th:if="${param.logout}" class="bg-warning">已注销</p>
        <p th:if="${param.error}" class="bg-danger">有错误，请重试</p>


    </div>
    <!-- /.login-box-body -->
</div>
<!-- /.login-box -->


</body>
</html>
